// 导入Ant Design的Button组件和React的相关Hook
import { Button } from 'antd'
import React, { useEffect, useState } from 'react'
// 定义Index组件
function Index(props) {
  // 从props中解构出classname属性
  const {classname} = props
  return (
    // 外层容器div，类名为'stytopdiv'
    <div className='stytopdiv'>
        {/* 注释掉的div元素，暂时不使用 */}
        {/* <div className='stytop'>
        {/* 根据classname的值决定显示哪张图片 */}
        {classname == 'sty' ? 
          // 如果classname等于'sty'，显示ceil.png图片
          <img src='./public/imgs/ceil.png' style={{width:'100%'}}></img> : 
          // 否则显示ceil-day.png图片
          <img src='./public/imgs/ceil-day.png' style={{width:'100%'}}></img>
        }
    </div>
  )
}

// 导出Index组件
export default Index